/* color palette from <https://github.com/vuejs/theme> */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;

  --vt-c-black: #181818;
  --vt-c-black-soft: #222222;
  --vt-c-black-mute: #282828;

  --vt-c-indigo: #2c3e50;

  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

  --vt-c-text-light-1: var(--vt-c-indigo);
  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);

  --m-gray: rgba(170, 169, 169);
}
:root{
  --header-linear: linear-gradient(90deg, #1586f9, #ffffff 16%);
  --header: #faf9f9;
  --sideer: #343434;
  --header-text-color: var(--font-white);
  --button-blue: linear-gradient(90deg, #01bffe, #1586f9);
  --button-greee: linear-gradient(90deg, #11c311, #109d10);

  --bg-blue: #cde6ff;
  --bg-white: #eeeeef;
  --bg-header-bule: #017eff;
  --bg-light-green: #00ffbc;
  --el-menu-active-color:#419eff;
  --body-background: var(--bg-white);
  --table-bg: #ffffff;
  --table-header: var(--bg-header-bule);
  --table-check: #cde6ff;
  --table-odd: #f4f4f4;
  --table-even: #fafafa;

  --table-grey: #d5d5d5;
  --l2-table-current-row-bg-color: #5fbef1;
  --l2-table-title:dark;
  --dialog-header-bg: var(--bg-header-bule);


  --sign-failed: #ff0000;
  --sign-failed-border: #ffaabb;
  --sign-success: #159615;
  --sign-success-border: #91fe96;

  --font-black: #373737;
  --font-white: #fefefe;
  --font-blue: #017eff;
  --font-green: #2b7f2b;
  --font-size: 1.7vh;

  --shadow: 0 0 10px rgb(159 159 159 / 52%);
  --normal-text-color: var(--font-black);
  --level6-text-color: #000000;
  --level5-text-color: #000000;
  --level4-text-color: #ffa500;
  --level3-text-color: #ffa500;
  --level2-text-color: #ff0000;
  --level1-text-color: #ff0000;
}

/* semantic color variables for this project */
:root {
  --v-primary-color: #1586f9;
  --v-base-text-color: #fff;
  --v-base-text-color-reverse: #000;
  /*--el-text-color-regular: #fff*/
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
}

